<?php
	session_start();
	if (isset($_SESSION['username']))
		$login = true;
	else{
		$login = false;
	}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style/footoo.css" />
<link rel="stylesheet" type="text/css" href="style/ftheader.css" />
<link rel="stylesheet" type="text/css" href="style/ftfooter.css" />
<link rel="stylesheet" type="text/css" href="style/ftcommoncontent.css" />
<script type="text/javascript" src="script/registrasi.js"></script>
<script type="text/javascript" src="script/datetimepicker.js"></script>
<script type="text/javascript" src="script/search.js"></script> 
<script type="text/javascript" src="script/visopt.js"></script> 
<title>Foo-Too</title>
</head>

<body>
    <div id="headerwrapper">
		<div id = "headerbgfx"></div>
        <div id="footooheader">
        	<div id="footoologo">
            	<a href="#"></a>
            </div>
				<?php
					if (!$login)
					{	echo '<div id="loginarea">';
						echo '<form action="php/auth.php" method="post">';
						echo '	<table id="inputLogin">';
						echo '	<tr>';
						echo '		<td class="iltext">Username</td><td><input type="text" name="usr"></td>';
						echo '		</tr><tr>';
						echo '		<td class="iltext">Password</td><td><input type="password" name="pass"></td>';
						echo '	</tr><tr>';
						echo '	<td></td><td><input type="submit" value="login" /></td>';
						echo '	</tr>';
						echo '</table>';
						echo '</form>';
						echo '</div>';
					}
					else
					{
						$username = $_SESSION["username"];
						$path = 'users/'.$username.'/';
				?>
						<div id="logprofpicarea">
						<div id="profpicarea">
							<table class="logouttable"><tr>
							<td class="logouttd">
							<?php
								echo '<h1 class="username">'.$username.'</h1>';
								echo '<br/>'.'15 follower, 22 followee'.'<br/>';
								echo '<a class="logoutButton" href="php/LogOut.php">Log Out</a>'
							?>
							</td>
							<td style="width:80px">
							<?php
								require_once 'php\photo.php';
								$list = photo::getProfPic($username);
								$row = mysql_fetch_array($list);
								if ($row["FileFoto"] == NULL)
									echo '<img id="profpic" src = "'.'images/bg-photo.png'.'"/><br/>';
								else
								{
									echo '<img id="profpic" alt="profpic" src="'.$path.$row["FileFoto"].'" />';
								}
							?>
							</td></tr></table>
						</div>
						</div>
				<?php
					}
				?>
        </div>
        <div id="footoomenu">
            <ul>
				<?php
					if ($login)
					{
					    echo '<li><a href="home.php" class="current">Home</a></li>';
						echo '<li><a href="profile.php?'.$_SESSION['username'].'">Profile</a></li>';
						echo '<li><a href="wall.php?'.$_SESSION['username'].'">Wall</a>';
						echo '</li><li><a href="fts.php">Photos</a>';
						echo '</li><li><a href="message.php">Message</a></li>';
					}
					else{
					    echo '<li><a href="" class="current">Welcome..</a></li>';
					}
				?>
            </ul>
        </div>
    </div>
    <div id="headermirror">
    	<div id="searchbox">
            <form action="search.php" method="post">
            	<select class="searchselect" name="tipe">
                	<option value="user">User</option>
                	<option value="photo">Photo</option>
                </select>
                <div class="searchbutton">
                    <input id="searchbutton" type="submit" value="" />
                </div>
                <div class="searchtext">
                <input id="searchtext" class="searchtext" type="text" name="searchtext" value="search" onfocus="filledTrue(this.id, 'search')" onblur="filledFalse(this.id, 'search')" />
            	</div>
            </form>		
        </div>
	</div>
    <div id="contentwrapper">
    	<div id="contento">
			<?php
                if (!$login)
                {	?>
                    <div id="regregion" >
                <?php
                    echo '<form action="php/register.php" method="post" name="registration">';
                    echo '	<div class="Box"><p class="judul">Untuk Register lho...</p>';
                    echo 'Nama<br/><input type="text" id = "nama" name="nama" onblur="hehehe()"/><div id = "validasi_nama"><br/></div>';
                    echo '	Username<br/><input type="text" name="username" id="username" onblur="hehehe()"/><div id = "validasi_name"><br/></div>';
                    echo '	Password<br/><input type="password" id = "password" name="password" onblur="hehehe()"/><div id = "validasi_pass"><br/></div>';
                    echo '	Password Lagi<br/><input type="password" id = "passwordAgain" onblur="hehehe()"/><div id = "validasi_pass2"><br/></div>';
                    echo 'Tanggal Lahir<br/>
                    <input type="text" size="25" id = "tanggalLahir" name="lahir" onblur="hehehe()"/><a href="javascript:NewCal('."'tanggalLahir','yyyymmdd'".')"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"/></a><div id = "validasi_tgl"><br/></div>';
                    echo 'Email<br/><input type="text" id = "email" name="email" onblur="hehehe()"/><div id = "validasi_email"><br/></div>';
                    echo '<button id = "submit" onmouseover="validasi()">Submit</button>';
                    echo '</div>';
                    echo '</form>';
                    ?>
                    </div>
            <?php
					$width = 600;
					$bewidth = 720;
					$nperbaris=4;
                }else{
					$width = 900;
					$bewidth = 720;
					$nperbaris=5;
				}
            ?>
            <div id="berandareg" style="width:<?php echo $bewidth; ?>px">
                <div class="box" style="width:<?php echo $width; ?>px">Random Users</div>
            	<div id="randomuserarea" style="width:<?php echo $width; ?>px">
                    <?php
                        $con = mysql_connect("localhost", "progin", "progin");
                        if (!$con) die('Could not connect: ' . mysql_error());
        
                        mysql_select_db("progin", $con);
        
                        $hasil = mysql_query("SELECT * FROM user WHERE Role = 0 ORDER BY RAND() LIMIT 10", $con);
                        $count = 0;
                        echo '<table><tr>';
                        if (mysql_num_rows($hasil)>0)
                            while ($baris = mysql_fetch_array($hasil))
                            {
                                echo '<td class ="showuser"><a href = "home.php" class="biasa">';
                                if ($baris[8] == NULL) echo '<img src = "'.'images/bg-photo.png'.'" width = "120" height = "120"/><br/>';
                                else
                                {
                                    $id = $baris[8];
                                    $hasil2 = mysql_query("SELECT * FROM Foto WHERE IDFOTO = $id", $con);
                                    $baris2 = mysql_fetch_row($hasil2);
                                    $string = 'users/'.$baris2["USERNAME"].'/'.$baris2["FileFoto"];
                                    echo '<img src="'.$string.'" width = 120 height = 120/>';
                                }
                                if (strlen($baris[0])<=10) echo $baris[0];
                                else
                                    echo substr($baris[0], 0, 10).'...';
                                echo '&nbsp</a></td>';
                                if (++$count % 5==0)
                                    echo '</tr><tr>';
                            }
                        if ($count == 0)
                            echo 'Belum ada user sama sekali (selain admin)';
                        echo '</tr></table>';
                    ?>
				</div>
                <div class="box" style="width:<?php echo $width; ?>px">Random photos</div>
                <div id="photoarea" style="width:<?php echo $width; ?>px">;
                    <?php
                        $con = mysql_connect("localhost", "progin", "progin");
                        if (!$con) die('Could not connect: ' . mysql_error());
                        mysql_select_db("progin", $con);
                        $hasil = mysql_query("SELECT * FROM foto ORDER BY RAND() LIMIT 5", $con);
                        $count = 0;
                        echo "&nbsp&nbsp&nbsp";
                        if (mysql_num_rows($hasil)>0)
                            while ($baris = mysql_fetch_array($hasil))
                            {
                                $string = 'users/'.$baris["USERNAME"].'/'.$baris["FileFoto"];
                                $_SESSION['photouser'];
                                //echo '<a href="'.$string.'"  class="biasa"><img src="'.$string.'" width = 140 height = 140/></a>';		
                                echo '<div class="thumbListPhoto" onclick="document.location=\'detail.php?id='.$baris["IDFOTO"].'\'">';
                                echo '<div class="thumbfloater">';
                                echo '<img class="thumbnail" src="'.$string.'" />';
                                echo '</div></div>';
                                ++$count;
                            }
                        if ($count == 0) echo"Belum ada foto sama sekali";
                        echo '</div>';
                    ?>
                </div>
            </div>
        </div>
	</div>
    
	<div id="footerwrapper">
    	<div id="footer">
            <div id="footerleft"><br/>
            	ft, ft logoes are trademark of ft company. <br/>
            	Copyright 2010 by : <br/>
                13508011 - M. Albadr Lutan Nasution <br/>
                13508019 - Gregorius Ronny Kaluge <br/>
                13508099 - Alwi Alfiansyah Ramdan <br/>
            </div>
            <div id="footermiddle">
            	
            </div>
            <div id="footerright">
            	
            </div>
        </div>
    </div>
</body>
</html>
